<div ms-controller="video" class="myfade-in">
    <div class="content video-page" role="main">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <div class="hidden" ms-widget="breadcrumbWidget,videoBreadcrumb,$breadcrumb">
                    </div>
                </div>
                <!-- /span16 -->
            </div>
            <!-- /row -->
            <div class="row">
                <div class="span12">
                    <p class="my-title video-title">{{($video.Video&&$video.Video.title)||$lang.noVideoData}}</p>
                    <div class=" video-player-wrapper">
                        <div class="video-player player-layout" id="divVideoPlayPlayer">
                            <div id="playerWidget2" ms-widget="playerlivewidget,videoplayerWidget,$video"></div>
                        </div>
                        <div class="video-anlyze">
                            <div class="tabs-right nav-sidetabs">
                                <div class=" ">
                                    <ul class="nav nav-tabs  tabs_thick   nav-tabs-wrapper">
                                        <li class="active">
                                            <a href="#videoplayInfo" data-toggle="tab" ms-attr-title="$lang.videoinfo">
                                                <i class="ico shipinxinxi-icon"></i> {{$lang.videoinfo}}</a>
                                        </li>
                                        <li>
                                            <a href="#videoplaytimeinfo" data-toggle="tab" ms-attr-title="$lang.keynotelist">
                                                <i class="ico zhishidian-icon"></i> {{$lang.keynotelist}}</a>
                                        </li>
                                        <li>
                                            <a href="#videoplaysw" data-toggle="tab" ms-attr-title="$lang.classprogress">
                                                <i class="ico jiaoxuehuanjie-icon"></i> {{$lang.classprogress}}</a>
                                        </li>
                                        <li>
                                            <a href="#videoplayst" data-toggle="tab" ms-attr-title="$lang.videost">
                                                <i class="ico st-analyze-icon"></i> {{$lang.videost}}</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="of-h">
                                    <div class="sider-right">
                                        <div class="tab-content ">
                                            <div class="tab-pane active" id="videoplayInfo" style="overflow: hidden">
                                                <div class="videoplay_info_wrapper" style="overflow-y: auto;overflow-x:hidden;height: 400px;">
                                                    <div ms-if="!$video.Video" class="alert">
                                                        {{$lang.noResult}}
                                                    </div>
                                                    <ul class="videoplay_info " ms-if="$video.Video">
                                                        <li ms-if="$video.Video.speaker">
                                                            <b>
                                                                {{$lang.mainSpeaker}}
                                                            </b>
                                                            <!-- <span class=" ico ico-who-ico"></span> -->
                                                            <a href="javascript:void(0)" class="p-l80 block">{{$video.Video.speaker}} </a>
                                                        </li>
                                                        <li ms-if="$video.Video.categoryName">
                                                            <b>{{$lang.category}}</b>
                                                            <!-- <span class=" ico ico-box-ico"></span> -->
                                                            <a href="javascript:void(0)" class="p-l80 block">{{$video.Video.categoryName}}</a>
                                                        </li>
                                                        <li ms-if="$video.Video.techingTypeTip">
                                                            <b>{{$lang.techingType}}</b>
                                                            <!-- <span class=" ico ico-place-ico"></span> -->
                                                            <a href="javascript:void(0)" class="p-l80 block">{{$video.Video.techingTypeTip}}</a>
                                                        </li>
                                                        <li ms-if="$video.Video.listVideoAttachment != ''">
                                                            <b>{{$lang.attachments}}</b>
                                                            <ul class="video-attachment p-l80">
                                                                <li ms-repeat="$video.Video.listVideoAttachment" class="nowrap">
                                                                    <i ms-attr-class="$config.fileType[el.fileType]._class"></i>
                                                                    <a ms-attr-href="$sitePath+el.fileNameUri" ms-attr-title="el.fileName" target="_blank">{{el.fileName}}</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li ms-if="$video.Video.remark" class="video-remark">
                                                            <b>{{$lang.remark}}</b>
                                                            <div class="p-l80"><a href="javascript:void"> {{$video.Video.remark}}</a> </div>
                                                        </li>
                                                    </ul>
                                                    <div ms-if="$video.Video.studentRatio > 0" style="clear: both;  bottom: 5px;    margin: 20px 0;">
                                                        <div id="info_chart" style="width: 380px; height: 160px;"></div>
                                                    </div>

                                                </div>
                                                <div class="ava-share-box video-share" ms-widget="qrcodewidget,qrcodewidget,$video">
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="videoplaytimeinfo">
                                                <div ms-if="$video.VideoInfo.size <= 0 " class="alert">
                                                    {{$lang.noResult}}
                                                </div>
                                                <div ms-if="$video.VideoInfo.size > 0">
                                                    <div class="orders-list">
                                                        <ul class="orders">
                                                            <li ms-repeat="$video.VideoInfo" style="position: relative;">
                                                                <a ms-click="jwplayerSeek(el.seconds)" Class="show_title" style="width:80%"><span class="text-content"> {{el.title}} </span><span class="total-num">{{el.secondsTip }}</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="videoplaysw">
                                                <div ms-if="$video.VideoSW.size <= 0" class="alert">
                                                    {{$lang.noResult}}
                                                </div>
                                                <div ms-if="$video.VideoSW.size > 0">
                                                    <div class="orders-list">
                                                        <ul class="orders">
                                                            <li ms-repeat="$video.VideoSW" style="position: relative;">
                                                                <a ms-click="jwplayerSeek(el.seconds)" Class="show_title" style="width:80%"><span class="text-content"> {{el.swName}} </span><span class="total-num">{{el.secondsTip }}</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- st图 -->
                                            <div class="tab-pane" id="videoplayst">
                                                <div ms-if="$video.videoST.size <= 0" class="alert">
                                                    {{$lang.noResult}}
                                                </div>
                                                <div ms-if="$video.videoST.size > 0">
                                                     <div id="videost_chart" style="width: 380px; height:380px;"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</div>

<div class="content white">
    <div class="container">
        <div class="row">
            <div class="span12 video-recomands m-t20 ">
                <div class="flat min-flat">
                    <div class="head">
                        <div class="title video-title">
                            {{$lang.guessYouLike}}
                        </div>
                    </div>
                    <div class="body">
                        <div id="collections" ms-if="$videoResembleList&&$videoResembleList.size > 0" ms-widget="collectionWidget,collectionWidget2,$videoResembleList"></div>
                        <div ms-if="!$videoResembleList||$videoResembleList.size == 0" class="alert">
                            {{$lang.noResult}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
 